<template>
  <view class="cell mb-30">
    <view class="font-26 flex justify-between items-center">
      <text class="text-999">{{ name }}</text>
      <text class="text-333" :style="{ color }">{{ desc }}</text>
    </view>
    <view v-if="detail && detail.k === 'businessServicePrice' && detail.extra" class="flex justify-end mt-30">{{ detail.extra }}</view>
  </view>
</template>

<script>
import hook from "@/mixins/hook"
import weixin from "@/mixins/weixin"
export default {
  name: "cell",
  mixins: [hook, weixin],
  props: {
    name: {
      type: [String, Number],
      default: ""
    },
    desc: {
      type: [String, Number],
      default: ""
    },
    color: {
      type: String,
      default: ""
    },
    detail: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {}
  }
}
</script>

<style lang="scss" scoped></style>
